<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<style>
	*{
		margin: 0;
		padding: 0;
	}
	.top{
		height: 80px;
		background-color: skyblue;
	}
	.list{
		list-style-type: none; 
		

	}
	.list li{
		height: 50px;
		float: left;
		position: relative;
		left: 200px;
		top: 30px;
		}
	li a{
		padding:6px 12px;
		color: white;
		font-size: 22px;
		text-decoration: none;
		background: #f10180;

	}	
	li a:hover{
		background: #F574B8;
		
	}
	.main{
		
		width:1000px;
		margin:0 auto;
	
		

	}
	.clear{
		clear:both;
	}
.dibu{
	height: 70px;
	width: 1400px;
	margin:0 auto;
	background: #464D27;
}
.left{
	width:750px;
	height: 1000px;
	float: left;
	background: green;
}
.right{
	width:230px;
	height: 1000px;
	float: right;
	background: orange;
}
.yuan{
	height: 60px;
	width: 60px;
	margin:0 auto;
	float: left;
	background: red;
	border-radius: 100%;
	position: relative;
	left:100px;
	top:10px;

}
.yuan:hover{
	border: 8px solid green;
	background: blue;
}

#zhuce{
	wdith:40px;
	float: right;
	background:"yellow";

	margin: 10px 30px;
	margin-left: 10px;
	}

#login{
	width:40px;
	/* height: 60px; */
	background: yellow;
	float: right;
	margin-right: 10px;
	margin-top: 10px
	
}
.daohang{
	width:1000px;
	height: 80px;
	/* background: orange; */
	position: absolute;
	left:570px;
}
.sanjiao{
	width: 0;
	height:0;
	border-top:18px solid green; 
	border-left: 8px dashed  transparent; 
	border-right: 8px dashed transparent ; 
	
	float: right;
	margin-right: 10px;
	margin-top: 10px
}



</style>

</head>



<body>
<div class="top">
	<div class="yuan"></div>
	<div class="daohang">
	<ul class="list">

			<li><a href="">商城</a></li>
			<li><a href="">商城</a></li>
			<li><a href="">商城</a></li>
			<li><a href="">商城</a></li>
			<li><a href="">商城</a></li>
			<li><a href="">商城</a></li>		




	</ul>
	</div>
	<input type="submit" value="注册" id="zhuce" >

	<input type="button" value="登录" id="login">
	<div class="sanjiao" id="sanjiao"></div>
		







</div>
<div class="main">
	<div class="left"></div>
	<div class="right"></div>
	<div class="clear"></div>


</div>
<div class="dibu"></div>
    
</body>
</html>
<script>
	var sanjiao= document.getElementById("sanjiao");
	sanjiao.onclick=function(){

		alert("helloworld!")
	}


</script>